h1 {text-shadow: #F3F3F3 1px 1px 0px, #B2B2B2 1px 2px 0;}
.tuwen {padding-bottom: 20px;background: url(../images/bg2.png) repeat-x left top; width:100%}
.tuwen ul {padding: 20px 0 0 20px;display: block;float: left;}
.tuwen li {float: left;text-align: center;border: 1px solid #e4e4e4display: inline;margin-right: 20px;width: 150px;}
.tuwen li span {display: block;
	height: 20px;
	line-height: 20px;
	border-top: 1px solid #e4e4e4;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;
}

.tuwen li a:hover span {
	color: #f60;
}

.tuwen li a img {
	width: 140px;
	height: 100px;
	padding: 4px;
}

.tuwen li a:hover img {
	
}
/*�б���Ŀ*/
.lanmu {width: 100%;margin-top: 8px;height: auto;}
.lanmu h2 {
	padding-left: 8px;
	background: url(../images/top_h2.gif) repeat-x top left;
	height: 32px;
	border-bottom: 1px solid #e4e4e4
	color: #db221d;
	font: bold 14px/32px Verdana, Geneva, sans-serif;
}

.h2_text {
	display: inline-block;
	background: url(../images/h2_ico.gif) no-repeat left center;
	padding-left: 10px;
}

.lanmu_con {
	padding: 20px 30px 0;
}

.lanmu_pic {
	float: left;
}

.lanmu_pic ul li {
	text-align: center;
	padding-bottom: 20px;
	width: 148px;
	height: 108px;
}

.lanmu_pic ul a img {
	background: #eee;
	width: 140px;
	height: 100px;
	padding: 3px;
	border: 1px solid #e4e4e4
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
}

.lanmu_pic ul a:hover img {
	background: #fff;
	border: 1px solid #0055a6;
}

.lanmu_txt {
	float: right;
	margin-top: 0px;
}

.lanmu_txt ul {
	width: 470px;
}

.lanmu_txt ul li {
	font: 14px Verdana, Geneva, sans-serif;
	background: url(../images/ll_bg.gif) no-repeat left center;
	padding-left: 15px;
}

.lanmu_txt ul li span {
	float: right;
}

.lanmu_txt ul li a {
	font: 14px Verdana, Geneva, sans-serif;
	display: block;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
}

.lanmu_txt ul li a:hover {
	color: #db221d;
	text-decoration: underline;
}
/*列表页面左侧*/

.fenlei {
	width: 250px;
	height: auto;
	border: 1px solid #e4e4e4
	padding-bottom: 15px;
	margin-bottom: 8px;
	background: url(../images/top_news_bg.gif) no-repeat left top;
}

.fenlei h2 {
	padding-left: 3px;
	margin: 0 10px;
	height: 35px;
	border-bottom: 1px solid #e4e4e4
	color: #2267b5;
	font: bold 14px/35px Verdana, Geneva, sans-serif;
}

.fenlei ul li {
	display: inline;
	width: 100px;
	height: 25px;
	line-height: 25px;
	float: left;
	border: 1px solid #e4e4e4
	text-align: center;
	margin: 15px 0 0 15px;
}

.fenlei li a {
	display: block;
	width: 100px;
	height: 25px;
	-webkit-transition: all 0.2s ease-out;
	font-family: Verdana, Geneva, sans-serif;
}

.fenlei li a:hover {
	background: #0CF;
	background: url(../images/w3c_tt.png) repeat-x left center;
}

.fenlei li .thisclass {
	background: url(../images/w3c_tt.png) repeat-x left center;
}
/*边框*/



/*�����ϲ��*/
.rand {
	width: 250px;
	height: 282px;
	*height: 310px;
	overflow: hidden;
	border: 1px solid #e4e4e4
	margin-bottom: 8px;
	background: url(../images/top_news_bg.gif) no-repeat left top;
}

.rand h2 {
	padding-left: 3px;
	margin: 0 10px;
	height: 35px;
	border-bottom: 1px solid #e4e4e4
	color: #2267b5;
	font: bold 14px/35px Verdana, Geneva, sans-serif;
}

.rand ul {
	margin-top: 5px;
	margin-left: 12px;
}

.rand ul li {
	line-height: 2;
	padding-left: 10px;
	background: url(../images/dotted.gif) no-repeat left center;
}

.rand ul li a {
	color: #666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.rand ul li a:hover {
	color: #0055a6;
}
/*article_CSS*/
.article_article_left {
	height: auto;
	width: 712px;
	overflow: hidden;
}

.article_con {width: 698px;padding-top: 36px;}
.article_con h1 {
	text-align: center;
	font: bold 20px "΢���ź�";
	color: #184587;
	 padding: 8px 0 15px
}

.info {
	font-size:0.9em;
	text-align: center;
	 padding: 10px 0 15px;
	font-family: Verdana, Geneva, sans-serif;
}

.article_ad {
	width: 468px;
	height: 60px;
	margin: 15px auto 5px;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.article_ad .ad_left {
	width: 300px;
	height: 250px;
	float: left;
	border: 1px solid #e4e4e4
	margin: 15px 0
}

.article_ad .ad_right {
	width: 300px;
	height: 250px;
	float: right;
	border: 1px solid #e4e4e4
	margin: 15px 0
}

.article_txt {
	padding: 15px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 1.8;
	color: #222;
	font-size: 14px;
}

.article_txt img {
	max-width: 680px;
	_width: expression(this.width > 680 ? 680 : true);
}

.article_txt a u {
	color: #0066CC;
	border-bottom: 1px dotted #0099FF;
	text-decoration: none;
}
/*��������Ƽ�*/
.related {
	margin: 0 10px;
	padding: 15px;
	padding-bottom: 0px;
	border-top: 1px dashed #e4e4e4;
}

.xiangguan {
	float: left;
}

.xiangguan h2 {
	font-size: 14px;
	color: #db221d
}

.xiangguan ul {
	padding: 10px;
}

.xiangguan li {
	line-height: 2.1;
	background: url(../images/yuandian.gif) no-repeat 0px 10px;
	padding-left: 15px;
}

.xiangguan li a {
	color: #999;
	font-size: 0.8em;
}

.xiangguan li a:hover {
	text-decoration: underline;
}

.like_article_ad {
	float: right;
	padding: 5px 10px 5px 0;
}
/*����*/
.share {
	border-top: 1px dashed #e4e4e4;
	height: 50px;
	font-weight: bold;
	padding: 10px 20px;
	margin: 0 10px;
}

.ilike {
	float: left;
}

.jiathis_style_32x32 {
	float: right;
	margin-top: 8px;
	margin-left: 30px;
}
/*��һҳ,��һҳ*/
.page {border-top: 1px solid #e4e4e4;height: auto;padding: 5px 20px;}
.page p {line-height: 2em; margin: 10px 0;}
.page p span {
    background: #f7c1bf none repeat scroll 0 0;
    border-radius: 16px;
    color: #ffffff;
    display: block;
    float: left;
    margin: 0 10px;
    text-align: center;
    width: 80px;
}
/*������*/
.tool_con {
	width: 270px;
	margin: 15px auto 0;
}

.btn_fontsize {
	float: left;
	margin-right: 5px;
}

.tools {
	height: 16px;
	padding: 4px 0 0 0;
}

.tools span {
	float: left;
	margin: 0 5px;
}

.tools a {
	float: left;
	display: block;
}

.bg1, .bg2, .bg3, .bg4, .bg5 {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin: 0 1px;
	border: 1px solid #bebebe;
	font-size: 0;
}

.tools .fz_span {
	margin: 0;
}

.tools .fz_spanz {
	margin: 0 0 0 5px;
}

.fz_spanz a {
	color: #19489E;
	float: left;
	margin: -1px 2px 0 0;
	*margin: 0px 2px 0 0
}

.tools a .fs {
	color: #19489E;
}

.bg1 {
	background: #ffffff
}

.bg2 {
	background: #336649
}

.bg3 {
	background: #f1f1f1
}

.bg4 {
	background: #f5faff
}

.bg5 {
	background: #333
}
/*���۲���*/
.duoshuo {
	border: 1px solid #e4e4e4
	margin-top: 8px;
	height: auto;;
	width: auto;
}

.duoshuo h2 {
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-size: 14px;
	background: url(../images/w3c_tt.png) repeat-x left center;
	border-bottom: 1px solid #e4e4e4
}

.duoshuo h2 span {
	float: right;
	margin-right: 15px;
	font-weight: normal;
	color: #ccc;
	font-size: 12px;
}

.ds-thread {
	padding: 15px;
}
.list_image{padding-bottom:20px;}
.list_image h2{padding-left:8px;border-bottom:1px solid #e4e4e4;color:#db221d;font:bold 16px/35px Verdana,Geneva,sans-serif;}
.list_image .h2_text{display:inline-block;background:url(../images/h2_ico.gif) no-repeat left center;padding-left:10px;}
.list_image ul{}
.list_image ul li{font-size:0.9em;float:left;width:213px;text-align:center;padding-left:15px;padding-top:23px;height:184px;display:block;}
.list_image li a{display:block;-webkit-transition:all 0.5s ease-out;line-height:40px;}
.list_image li img a:hover{zoom:1;border-bottom:2px solid #db221d;color:#db221d;}
.list_image li span{display:block;height:25px;line-height:25px;border-top:1px;}
.list_image a img{padding:5px;width:180px;height:135px;border:1px solid #e4e4e4;}
.list_image .more a img{padding:0px;width:38px;height:13px;}
/*article_list*/
.article_l{margin: 10px; width: 678px;}
.article_l ul{ float:left;margin-bottom:20px}
.article_l ul li{float:left;border-bottom:1px dashed #ccc;color: #ff0000;width:645px;line-height: 40px;list-style: outside none disc;margin-left: 25px;}
.article_l ul li a{ float:left}
.article_l ul li span{color:#888;display:block; float:right}
.article_lanmu {}
.h2_text {
	display: inline-block;
	background: url(../images/h2_ico.gif) no-repeat left center;
	padding-left: 10px;
}

.article_lanmu ul {padding: 14px 25px 13px 25px;}

.article_lanmu ul li {
	font: 14px Verdana, Geneva, sans-serif;
	background: url(../images/ll_bg.gif) no-repeat left center;
	padding-left: 15px;
}

.article_lanmu ul li span {
	float: right;
}

.article_lanmu ul li a {
	font: 14px Verdana, Geneva, sans-serif;
	display: block;
	height: 30px;
	line-height: 30px;
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
}

.article_lanmu ul li a:hover {
	color: #0055a6;
	text-decoration: underline;
}
/*-----------------------------*/
.article_lanmu dl {display: block;padding: 15px;border-bottom: 1px dotted #e4e4e4;}
.article_lanmu dl a:link,.article_lanmu dl a:hover {color: #ff6600; font-weight:bold;}
.article_lanmu dt {display: block;float: left;margin-right: 10px;}

.article_lanmu dt img{border: 1px solid #e4e4e4;}
.article_lanmu dt img {width: 145px;height: 110px;border: 1px solid #e4e4e4; padding:3px;}
.article_lanmu dt a:hover img {border: 1px solid #db221d;-webkit-transition: all 0.2s ease-in-out;opacity: 0.8;filter: alpha(opacity = 80);}
.article_lanmu dd {}
.article_lanmu .arc_title {padding-bottom: 10px;}
.article_lanmu .arc_desc {height: 64px;line-height: 1.5;overflow: hidden; font-size:14px;}
.article_lanmu .arc_info {padding-top: 5px;color: #999; font-size:14px;}
.article_lanmu .arc_info span {padding-right: 5px;}
.article_lanmu .arc_info a {color: #999;}
/*-----------------------------*/
.article_lanmu_sz dl {display: block;padding: 15px;border-bottom: 1px dotted #e4e4e4;}
.article_lanmu_sz dl a:hover {color: #ff6600;}
.article_lanmu_sz dt {display: block;float: left;margin-right: 10px;width: 145px;height: 110px;}

.article_lanmu_sz dt img{border: 1px solid #e4e4e4;}
.article_lanmu_sz dt img {width: 110px;height: 110px;border: 1px solid #e4e4e4; padding:5px 15px;background:#f9f9f9}
.article_lanmu_sz dt a:hover img {border: 1px solid #db221d;-webkit-transition: all 0.2s ease-in-out;opacity: 0.8;filter: alpha(opacity = 80);}
.article_lanmu_sz dd {}
.article_lanmu_sz .arc_title {padding-bottom: 10px;}
.article_lanmu_sz .arc_desc {height: 64px;line-height: 1.5;overflow: hidden; font-size:14px;}
.article_lanmu_sz .arc_info {padding-top: 5px;color: #999; font-size:14px;}
.article_lanmu_sz .arc_info span {padding-right: 5px;}
.article_lanmu_sz .arc_info a {color: #999;}
/*分页*/
.fanye {height: auto;padding: 15px;text-align: right;}
.fanye a {display: inline-block;line-height: 25px;padding: 0 10px;margin-left:10px;height: 25px;border: 1px solid #e4e4e4;background: url(../images/w3c_tt.png) repeat-x left top;}
.fanye a:hover {color: #2267b5;background: url(../images/w3c_ttt.png) repeat-x left top;}
.fanye .thisclass {
	display: inline-block;
	padding: 0 10px;
	line-height: 25px;
	height: 25px;
	color: #2267b5;
	font-weight: bold;
	border: 1px solid #e4e4e4
	background: url(../images/w3c_ttt.png) repeat-x left top;
	border-radius: 3px;
}

.fanye .pageinfo {
	border-radius: 3px;
	padding: 0 10px;
	display: inline-block;
	line-height: 25px;
	padding: 0 10px;
	height: 25px;
	border: 1px solid #e4e4e4
	background: url(../images/w3c_tt.png) repeat-x left top;
}

.fanye .last {
	color: #ccc;
	display: inline-block;
	line-height: 25px;
	padding: 0 10px;
	height: 25px;
	border: 1px solid #e4e4e4
	background: url(../images/w3c_tt.png) repeat-x left top;
	border-radius: 3px;
}
.fanye .all {
	color: #ccc;
	display: inline-block;
	line-height: 25px;
	padding: 0 10px;
	height: 25px;
margin:0 10px;
	

}
.fanye .pageindex{color: #ccc;display: inline-block;line-height: 25px;padding: 0 10px;height: 25px;border: 1px solid #e4e4e4}
.fanye .current{color: #fff;display: inline-block;line-height: 25px;padding: 0 10px;margin-left:10px;height: 25px;background: #db221d;}
/*���·�ҳ*/
.contentpage {
	text-align: center;
	margin-bottom: 20px;
}

.contentpage  a {
	border-radius: 3px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin-left: 5px;
	border: 1px solid #e4e4e4
	width: 5px;
	background: url(../images/w3c_tt.png) repeat-x top left;
}

.contentpage .total {
	border-radius: 3px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	margin-left: 5px;
	border: 1px solid #e4e4e4
	background: url(../images/w3c_tt.png) repeat-x top left;
}

.contentpage a:hover {
	color: #2267b5;
	background: url(../images/w3c_ttt.png) repeat-x top left;
}

.contentpage .thisclass {
	border-radius: 3px;
	border: 1px solid #e4e4e4
	color: #2267b5;
	background: url(../images/w3c_ttt.png) repeat-x top left;
}

.contentpage .thisclass a, .contentpage .thisclass a:hover {
	border-radius: 3px;
	color: #2267b5;
	font-weight: bold;
	padding: 0 10px;
}

/*JS��Ŀ*/
.jslanmu {
	border: 1px solid #e4e4e4
	border-top: none;
	width: 710px;
	padding-bottom: 19px
}

.jslanmu h2 {
	padding-left: 8px;
	background: url(../images/top_h2.gif) repeat-x top left;
	height: 32px;
	border-bottom: 1px solid #e4e4e4
	color: #2267b5;
	font: bold 14px/32px Verdana, Geneva, sans-serif;
}

.jslanmu .h2_text {
	display: inline-block;
	background: url(../images/h2_ico.gif) no-repeat left center;
	padding-left: 10px;
}

.jslanmu dl {
	padding: 19px 0 0 19px;
	width: 211px;
	float: left;
}

.jslanmu dd {
	display: block;
	height: 20px;
	line-height: 20px;
	border: 1px solid #e4e4e4
	border-top: none;
	text-indent: 10px;
	font-family: Tahoma, Geneva, sans-serif;
}

.jslanmu .span1 {
	border-bottom: none;
	font-weight: bold;
}

.jslanmu .span2 {
	color: #999;
}

.jslanmu a:hover {
	color: #2267b5;
}

.jslanmu a {
	color: #999;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.jslanmu img {
	display: block;
	width: 201px;
	height: 143px;
	border: 1px solid #e4e4e4
	padding: 4px;
}

.jslanmu a img {
	color: #999;
	border: 1px solid #e4e4e4
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.jslanmu a:hover img {
	border: 1px solid #999;
	box-shadow: 0 0 5px #666;
}

.js_rand {
	width: 250px;
	height: 254px;
	overflow: hidden;
	border: 1px solid #e4e4e4
	margin-bottom: 8px;
	background: url(../images/top_news_bg.gif) no-repeat left top;
}

.js_rand h2 {
	padding-left: 3px;
	margin: 0 10px;
	height: 35px;
	border-bottom: 1px solid #e4e4e4
	color: #2267b5;
	font: bold 14px/35px Verdana, Geneva, sans-serif;
}

.js_rand ul {
	margin-top: 5px;
	margin-left: 12px;
}

.js_rand ul li {
	line-height: 2.2;
	padding-left: 10px;
	background: url(../images/dotted.gif) no-repeat left center;
}

.js_rand ul li a {
	color: #666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.js_rand ul li a:hover {
	color: #0055a6;
}
/*�������*/
pre {
	font-family: 'Courier New', Monospace;
	font-size: 12px;
	width: 98%;
	overflow: hidden;
	margin: 5px auto;
	background: #f7f7f7;
	border: 1px #e4e4e4 solid;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	padding: 5px 5px 5px 0;
}
/*pre ol,pre ol li,pre ol li span{margin:0 0;padding:0;border:none}
*/
pre a, pre a:hover {
	background: none;
	border: none;
	padding: 0;
	margin: 0
}

pre ol {
	list-style: decimal;
	background: #fff;
	margin: 0px 0px 1px 3em !important;
	padding: 5px 0;
	color: #5C5C5C;
	border-left: 1px dashed #dedede;
	text-indent: 0px \9;
}

pre ol li {
	list-style: decimal-leading-zero;
	*list-style: decimal;
	_list-style: decimal;
	list-style-position: outside !important;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 1.6em;
}

pre ol li.alt {
	color: inherit;
	backgurond-color: #f5f5f5;
	cursor: pointer;
}

pre ol li.alt:haver {
	backgurond-color: #000000;
	cursor: pointer;
}

pre ol li span {
	color: black;
	width: 420px;
	overflow: hidden;
	table-layout: fixed;
	word-break: break-all;
}

pre .comment, pre .comments {
	color: #008200;
	background-color: inherit
}

pre .string {
	color: blue;
	background-color: inherit
}

pre .keyword {
	color: #069;
	font-weight: bold;
	background-color: inherit
}

pre .preprocessor {
	color: gray;
	background-color: inherit
}

pre .dp-xml .cdata {
	color: #ff1493
}

pre .dp-xml .tag, pre .dp-xml .tag-name {
	color: #069;
	font-weight: bold
}

pre .dp-xml .attribute {
	color: red
}

pre .dp-xml .attribute-value {
	color: blue
}

pre .dp-sql .func {
	color: #ff1493
}

pre .dp-sql .op {
	color: #808080
}

pre .dp-rb .symbol {
	color: #a70
}

pre .dp-rb .variable {
	color: #a70;
	font-weight: bold
}

pre .dp-py .builtins {
	color: #ff1493
}

pre .dp-py .magicmethods {
	color: #808080
}

pre .dp-py .exceptions {
	color: brown
}

pre .dp-py .types {
	color: brown;
	font-style: italic
}

pre .dp-py .commonlibs {
	color: #8A2BE2;
	font-style: italic
}

pre .dp-j .annotation {
	color: #646464
}

pre .dp-j .number {
	color: #C00000
}

pre .dp-delphi .number {
	color: blue
}

pre .dp-delphi .directive {
	color: #008284
}

pre .dp-delphi .vars {
	color: #000
}

pre .dp-css .value {
	color: black
}

pre .dp-css .important {
	color: red
}

pre .dp-c .vars {
	color: #d00
}

pre .dp-cpp .datatypes {
	color: #2E8B57;
	font-weight: bold
}